{template "header.html", "/"}

<section class="page-aboutus page-problem">
	<div class="banner"><img src="{dr_thumb($top.thumb)}" alt=""></div>
	<div class="w1200">
		
		<div id="mainProblem">
			<ul class="area">
				<li class="active"><a href="javascript:;">我是客户</a></li>
				<li><a href="javascript:;">我是阿姨</a></li>
			</ul>
		</div>
		<div class="proBlemCon">
			<div class="customer item_problem">
				<ul>
					{list action=module module=news catid=17 more=1 order=updatetime_desc}
					<li>
						<div class="question"><h3>{$t.title}</h3>
							<div class="foldBtn"></div>
						</div>
						<div class="answer">
							{$t.nr}
						</div>
					</li>
					{/list}
				</ul>
			</div>
			<div class="customer item_problem">
				<ul>
					{list action=module module=news catid=18 more=1 order=updatetime_desc}
					<li>
						<div class="question"><h3>{$t.title}</h3>
							<div class="foldBtn"></div>
						</div>
						<div class="answer">
							{$t.nr}
						</div>
					</li>
					{/list}
				</ul>
			</div>
		
		</div>
	</div>
</section>
<script>
    $('#mainProblem .area li').click(function () {
        $('.item_problem').eq($(this).index()).show().siblings('.item_problem').hide();
        $(this).addClass('active').siblings('li').removeClass('active');
    })
    $(".customer .question,.aunt .question").click(function () {
        $(this).parent().find(".answer").toggle();

    })
</script>
{template "footer.html", "/"}